<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta name="keywords" content="美女,图片,写真,美女图片" />
    <meta name="description" content="我的梦想世界(www.wdmxsj.com)全海量高清,清纯可爱阳光,美女图片在线欣赏,最全的中国街拍美女图片" />
  
    <title>街拍,美女-我的梦想世界</title>
    <style type="text/css">
    ul,li{list-style: none;}
    .pagination{width: 600px;height: 30px;margin:0 auto;}
    .pagination a{color:#fff;text-decoration: none;}
    .pagination li{float: left;width:30px;height: 30px;font-size: 14px;text-align: center;line-height: 30px;margin-right: 5px;background: #abcdef;}
    .pagination li:hover,.pagination li.active{background: red;}
    .pageination li.disabled{background: #ccc;}
    </style>
  
  
  <link rel="stylesheet" href="/static/pic/css/menu.css">
  
  <!-- Custom CSS -->
    <link rel="stylesheet" type="text/css" href="/static/pic/css/style.css">
  
  <!-- Custom Fonts -->
    <link rel="stylesheet" href="/static/pic/font-awesome-4.4.0/css/font-awesome.min.css"  type="text/css">
<!--  
  <link rel="stylesheet" href="/static/pic/css/lightbox.css">
-->
  
  <!-- Core JavaScript Files -->     
    
  
  <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
        <script src="/static/pic/js/html5shiv.js"></script>
        <script src="/static/pic/js/respond.min.js"></script>
    <![endif]-->
</head>
<body>
  <div class="header">
    <div id='cssmenu' >
      <ul>
         <li {if condition="!$ty"}class="active"{/if}><a href='/index/index/index/t/1'><span>首页</span></a></li>
         <li {if condition="$ty eq 1"}class="active"{/if}><a href='/index/index/index/t/1'><span>街拍</span></a></li>
         <!--
         <li class=' has-sub'><a href='#'><span>Category</span></a>
          <ul>
           <li class='has-sub'><a href='#'><span>Item 1</span></a>
            <ul>
               <li><a href='#'><span>Sub Item</span></a></li>
               <li class='last'><a href='#'><span>Sub Item</span></a></li>
            </ul>
           </li>
           <li class='has-sub'><a href='#'><span>Item 2</span></a>
            <ul>
               <li><a href='#'><span>Sub Item</span></a></li>
               <li class='last'><a href='#'><span>Sub Item</span></a></li>
            </ul>
           </li>
          </ul>
         </li>
          -->
         <li {if condition="$ty eq 2"}class="active"{/if}><a href='/index/index/index/t/2'><span>生活</span></a></li>
         <!--
         <li><a href='single.html'><span>About</span></a></li>
         <li class='last'><a href='contact.html'><span>Contact</span></a></li>
        -->
      </ul>
    </div>
  </div>
    <div class="copyrights">www.wdmxsj.com</a></div>

  <div id="page-content" class="index-page">
    <div id="container">
      <!-- These are our grid blocks -->
      <?php define("STATIC_PATH",'http://msource.wdmxsj.com');?>
      {volist name='list' id='vo'}
      <div class="item">
        <a class="example-image-link" href="/index/index/details/id/{$vo.id}" data-lightbox="example-set" data-title="Click the right half of the image to move forward."><img class="example-image" src="<?php echo STATIC_PATH;?>{$vo.thumb}" alt=""/></a><!--/static/pic/images/25.jpg-->
        <div class="content-item">
          <h3 class="title-item"><a href="/index/index/details/id/{$vo.id}">{$vo.title}(点击查看组图)</a></h3>
          <div class="time" style="display:none;"> SEPTEMBER 30TH</div>
          <p class="info">{$vo.content}@{$vo.bname}</p>        
        </div>
      </div>
      {/volist}
      <div style="display:none;" class="li_bottom">
      <!--  
        <span id="pintoInit"></span><span id="pintoDestroy"></span>
      -->
      </div>
    </div>
  </div>
  <div style="clear:both;width:100%;height:40px;" class="nex">  
   <center>{$list->render()}</center> 
  </div>  
  <div style="background:#fff;bottom:0;margin-top:6px;">  
   <a href="javascript:void(0);" target="_blank" title="模板之家">声明:</a> 本站图片全来自互联网，仅供欣赏。如果侵犯了你的权益，请联系我们删除. <a href="javascript:void(0);" title="网页模板" target="_blank">联系qq:3427652472</a>
    <!-- Once the page is loaded, initialized the plugin. -->
  </div>
  <script type="text/javascript" src="/static/pic/js/jquery-2.1.1.js" ></script>
  
  <!-- jQuery Pinterest -->
    <script type="text/javascript" src="/static/pic/js/jquery.pinto.js"></script>
    <script type="text/javascript" src="/static/pic/js/main.js"></script>
  
  <!-- Light Box -->
<!--  
  <script src="/static/pic/js/lightbox-plus-jquery.min.js"></script>
-->
  
  <!-- Menu -->
  <script src="/static/pic/js/script.js"></script>
  
  <script type="text/javascript">
    //$('#container').pinto();
  </script>
  <script type="text/javascript">
/*
var now_page=1;
var whole_page=1;
var flag=false;
var scroll=true;
a_flag=false;
function isMobile(){
    var ua = navigator.userAgent;
    var ipad = ua.match(/(iPad).*OS\s([\d_]+)/),
        isIphone = !ipad && ua.match(/(iPhone\sOS)\s([\d_]+)/),
        isAndroid = ua.match(/(Android)\s+([\d.]+)/),
        isMobile = isIphone || isAndroid;
    if(isMobile) {
        return true;
    }else {
        return false;
    }
}
$(window).bind("scroll",function() {
    // 然后判断窗口的滚动条是否接近页面底部，这里的20可以自定义


      if(flag){
        if(!a_flag)
        alert("没有更多了");
        a_flag=true;
        return;
      }
      
      

      
    //console.log(now_page+'=='+whole_page)
    if ($(document).scrollTop() + $(window).height() > $(document).height() - 200 && scroll) {
        //$(".li_bottom").show()
        
        now_page++;
        getme(now_page,scroll);
        
        //$(".li_bottom").hide()
    }
})
$(function(){
  $(".nex").click(function(){
      now_page++;
      getme(now_page,scroll);    
  })
})
*/
function getme(now_page){
   scroll=false;
    $.post("/index/index/imagelist/t/{$t}",{'page':now_page},function(result){
     
      if(result['status']=='1'){
        str='';
        $(result.data).each(function () {
          /*
          str +='<li class="masonry-item grid"><p class="ded">'+this.title+'(点击查看组图)</p>'+
            '<figure class="effect-sarah"> <img src="<?php echo STATIC_PATH;?>'+this.covers+'" alt="" />'+
              '<figcaption>'+
                '<h2> <span>'+this.title+'</span></h2>'+
                '<p>'+this.content+'</p>'+
                '<a href="/index/index/details/id/'+this.id+'"  target="_blank">View more</a></figcaption>'+
            '</figure>'+
          '</li>'
          */
          str +='<div class="item"><a class="example-image-link" href="/index/index/details/id/'+this.id+'" data-lightbox="example-set" data-title="Click the right half of the image to move forward."><img class="example-image" src="<?php echo STATIC_PATH;?>'+this.covers+'" alt=""/></a><!--/static/pic/images/25.jpg--><div class="content-item"><h3 class="title-item"><a '+
          'href="/index/index/details/id/'+this.id+'"  target="_blank">'+this.title+'(点击查看组图)</a></h3>'+
          '<div class="time" style="display:none;"> SEPTEMBER 30TH</div>'+
          '<p class="info">'+this.content+'@'+this.bname+'</p>'+        
          '</div>'+
          '</div>'
        })
        $(".li_bottom").before(str)  
        /*
        $('#container').pinto({
            itemWidth:230,
            gapX:10,
            gapY:10,
            onItemLayout: function($item, column, position) {
            }
        });
        */
        //$('.list').css('height','auto');

        //$("li.grid").css('position','static')
        scroll=true;//123

      }else{
        flag=true;
      }        
      
    },'JSON');  
}
function gg(){
  $('.masonry-item').css({'position':'static',left:0,top:0});
}
</script>  
</body>
</html>